
const app = getApp();
const ipUrl = app.globalData.ipUrl+"/";
// pages/user/user.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    cur: {},
    position: [{
      value: 'left',
      text: '左侧弹出'
    }, ],
    tabPanelstyle: 'display:flex;justify-content:center;align-items:center;',
    avatar:ipUrl+'/static/defaultAvatar.jpg',//头像url
    profile:'这个家伙很懒，没有留下任何信息',//简介
    nickname:'请设置昵称',
    loginip:'未知',
    user:'请登录',
    ipurl:ipUrl
  },

  onTabsChange(event) {
    console.log(`Change tab, tab-panel value is ${event.detail.value}.`);
  },

  onTabsClick(event) {
    console.log(`Click tab, tab-panel value is ${event.detail.value}.`);
  },

  handlePopup(e) {
    const {
      item
    } = e.currentTarget.dataset;

    this.setData({
        cur: item,
      },
      () => {
        this.setData({
          visible: true
        });
      },
    );
  },
  onVisibleChange(e) {
    this.setData({
      visible: e.detail.visible,
    });
  },

  //编辑资料跳转页面
  clickEdit:function(){
    wx.navigateTo({
      url: '../../pages/edit/edit',
    })
  },

  navigateToPage: function () {
    wx.switchTab({
      url: '../../pages/index/index' // 目标页面的路径
    });
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad :function(options) {
    this.loadUserInfo();
  },

  loadUserInfo: function() {
    const userInfo = wx.getStorageSync('userInfo');
    if (userInfo) {
      console.log('User info from storage:', userInfo);
      if(userInfo.avatar!==''){
        this.setData({
          avatar: ipUrl+userInfo.avatar,
        })
      }
      // 处理用户信息
      this.setData({
        loginip:userInfo.loginip,
        nickname:userInfo.nickname,
        user:userInfo.user,
        profile:userInfo.profile
      });
    } else {
      console.log('No user info available');
    }
  },


  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    this.loadUserInfo();
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})